@import "variables";
.seed-badge-follow {
  position: relative;
  @keyframes b {
    0% {
      transform: rotate(0deg)
    }

    to {
      transform: rotate(1turn)
    }
  }
  &.loading:before {
    position: absolute;
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
    content: '';
    text-align: center;
    background-color: color($h5,c10);
    z-index: 8;
  }
  &.loading:after {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    content: '';
    animation: b .6s infinite linear;
    background:url(#{$icons-path}/icon_loading.png) no-repeat center center/20%;
    text-align: center;
    z-index: 9;
  }
  .follow-btn {
    width: pxTorem(126px);
    height: pxTorem(52px);
    border-radius: pxTorem(4px);
    @include font-dpr(24px);
    position: relative;
    span {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
      -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      width: 100%;
    }
  }
  .follow-btn:before {
    content: '';
    transform: scale(0.51);
    position: absolute;
    border: 1px solid color($h5,c12);
    top: -50%;
    right: -50%;
    bottom: -49%;
    left: -51%;
    border-radius: 2px;
  }
  .border-block {
    position: relative;
    &:before {
      content: '';
      transform: scale(0.5);
      position: absolute;
      border-width: 1px;
      border-style: solid;
      border-color: color($h5,c12);
      top: -50%;
      right: -50%;
      bottom: -50%;
      left: -50%;
      border-radius: 2px;
    }
  }
  .unfollow {
    //@include set-color(c12);
    color:color($h5,c12);
    &:before {
      border-color: color($h5,c12);
    }
  }
  .following {
    //@include set-color(c4);
    color:color($h5,c4);
    &:before {
      border-color: color($h5,c4);
    }
  }
  .follow-each-other {
    //@include set-color(c13);
    color:color($h5,c13);
    &:before {
      border-color: color($h5,c13);
    }
  }
}
